<template>
  <div class="model-player">
    <iframe :src="iframeUrl" frameborder="0" style="width: 100%; height: calc(100vh - 200px)"/>
  </div>
</template>
<script>

export default {
  props: {
    resourceUrl: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      iframeUrl: ''
    }
  },
  created() {
    this.iframeUrl = 'http://8.134.32.9/mplayer/#/obj?url=' + this.resourceUrl
  },
  mounted() {

  },
  methods: {
  }
}
</script>
<style lang="scss" scoped>
.model-player {
  iframe {
    width: 100%;
  }
}
</style>
